<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page contentType="text/html" pageEncoding="windows-1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Title      : Undertaking 
Version    : 1.0
Released   : 2010821
Description: A two-column web design, best for your personal and business blogging.

-->
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Gestion de Reclamos</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="default.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
            <!--
            #apDiv1 {	position:absolute;
                      width:1034px;
                      height:63px;
                      z-index:1;
                      left: 108px;
                      top: 130px;
                      color: #000;
                      background-color: #000000;
                      background: url(HTML/images/img02.jpg) no-repeat right top;
                      padding: 20px 30px 40px 0px;
            }
            -->
        </style>
    </head>
    <body>
        <!-- start header -->
        <div id="header">
            <div id="logo">
                <h1>EGretel</h1>
                <p><a href="http://www.freecsstemplates.org/">Gestion de Reclamos</a></p>
            </div>
            <div id="menu">
                <ul>
                    <li class="current_page_item"></li>
                    <li><a href="Login"><span>inicio</span></a></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <ul>
                    <li class="current_page_item"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <ul>
                    <li class="current_page_item"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
        <hr />
        <!-- end header -->
        <!-- start page -->
        <div id="wrapper">
            <div id="page">
                <div id="page-bgtop">
                    <div id="page-bgbtm">
                        <div id="apDiv1"></div>
                        <div id="content">
                            <div class="post">
                                <blockquote>
                                    <blockquote>
                                        <h2 class="title">Bandeja de Reclamos de Especialista</h2>
                                    </blockquote>
                                </blockquote>
                                <div class="entry">

                                    <table width="550" border="1" cellpadding="0" cellspacing="0" class="post">
                                        <tr>
                                            <td colspan="2" bgcolor="#B60044" <strong class="meta" >Especialista Asignado</strong></td>
                                        </tr>
                                        <tr>
                                            <td width="171" height="26" align="right"  id="letrasTablas">Especialista</td>
                                            <td width="267">${persona.nombre}<br />
                                                <!-- <form id="form4" method="post" action="">
						                  <p>
						                    <label for="listArea"></label>
						                    <label for="txtarea"></label>
						                  </p>
					                    </form> --> </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" align="center" id="letrasTablas2"><form id="form12" method="post" action="">
                                                    <p>&nbsp;</p>
                                                </form></td>
                                        </tr>
                                    </table>
                                    <div><span id="lineaSepara"><table width="550" border="1" align="center" cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td width="413" bgcolor="#B60044"> <strong class="meta">Informacion del Reclamo</strong></td>
                                                </tr>
                                            </table></span></div>

                                    <table border="2" width="550" cellpadding="0" cellspacing="0" >
                                        <tr>
                                            <td width="28" align="center" id="letrasTablas">ID</td>
                                            <td width="57" align="center" id="letrasTablas">Categoria</td>
                                            <td width="100" align="center" id="letrasTablas">Descripcion</td>
                                            <td width="120" align="center" id="letrasTablas">Cliente</td>
                                            <td width="62" align="center" id="letrasTablas">Fecha Creacion</td>
                                            <td width="28" align="center" id="letrasTablas">Fecha Cierre</td>
                                            <td width="80" align="center" id="letrasTablas">Telefono</td>
                                            <td width="89" align="center" id="letrasTablas">Estado</td>
                                        </tr>
                                        <c:forEach var="reclamo" items="${persona.reclamos}">

                                            <tr>
                                                <td><a href="BandejaEspecialista?idreclamo=${reclamo.idReclamo}" >${reclamo.idReclamo}</a></td>
                                                <td> ${reclamo.idCategoria}<br/></td>
                                                <td> ${reclamo.descripcion}</td>
                                                <td> ${reclamo.cliente.nombre}<br/></td>
                                                <td> ${reclamo.fechaCreacion}</td>
                                                <td> ${reclamo.fechaCierre}<br/></td>
                                                <td> ${reclamo.telefono}<br/></td>
                                                <td> ${reclamo.idEstado}<br/></td>
                                            </tr>

                                        </c:forEach>

                                    </table>

                                </div>
                            </div>
                            <div class="post">
                                <p>&nbsp;</p>
                                <h2 class="title"><br />
                                </h2>
                            </div>
                            <div class="post">
                                <div class="entry"> </div>
                            </div>
                        </div>
                        <div id="sidebar">
                            <ul>
                                <li>
                                    <ul>
                                        <li></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page -->
        <!-- start footer -->
        <div id="footer">
            <p id="legal">&nbsp;</p>
            <!-- end footer -->
        </div>
    </body>
</html>
